<%--
  Created by IntelliJ IDEA.
  User: student
  Date: 2019/9/11
  Time: 8:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <title>APP管理系统誊录</title>
    <base href="<%=basepath %>"/>

    <link rel="stylesheet" href="static/layui/css/layui.css">
    <style>
        #box {
            height: 300px;
            width: 500px;
            margin: 140px auto;
            margin-left: 700px;
            background-color: 	#F0E68C;
            padding: 100px 80px 0px 10px;
            filter:alpha(Opacity=80);-moz-opacity:0.6;opacity: 0.6;
        }

        #sub {
            text-align: center;
        }
        #deng1 {
            text-align: center;
          position: relative;

            top: -50px;
        }
        #o1 {
           margin-right: 100px;
        }
        #o2 {
            margin-left: 40px;
        }
        body{
            background-image: image("static/image/login1.jpg");
        }
    </style>
</head>
<body style=" background-repeat:no-repeat ;background-size:100% 100%;

background-attachment: fixed;"  background="static/image/login1.jpg">
<div id="box">
    <form class="layui-form" id="log" action="dev" method="post">
        <div id="deng1">

            <div class="layui-input-block">
                <button type="button" style="background-color: greenyellow" id="o1" class="layui-btn layui-btn-primary">开发者登录</button>
                <button type="button"  id="o2" class="layui-btn layui-btn-primary">管理员登录</button>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">账号</label>
            <div class="layui-input-block">
                <input id="username" type="text" name="username" name="title" required  lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-block">
                <input id="password" type="password"  name="password" name="title" required  lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <br>
        <div class="layui-form-item" id="sub">
            <input type="submit" class="layui-btn layui-btn-normal" value="提交">
            <input type="reset" class="layui-btn layui-btn-danger" value="重置">
        </div>
    </form>
</div>
<script src="static/layui/layui.all.js"></script>
<script>
    layui.use(['form', 'layer', 'jquery'], function (form, layer, $) {
        $("#o1").click(function () {
          $("#o1").css("backgroundColor","greenyellow");
            $("#o2").css("backgroundColor","white");
            $("#log").attr("action","dev");
        });
        $("#o2").click(function () {
            $("#o2").css("backgroundColor","greenyellow");
            $("#o1").css("backgroundColor","white");
            $("#log").attr("action","backd");
        });
    });
</script>
</body>
</html>